import React, { Component } from "react";
import { View, Button, Text } from "@tarojs/components";
import { observer, inject } from "mobx-react";
import menuIcon from "../../assets/menu-icon.png";
import messageIcon from "../../assets/message-icon.png";
import "./index.scss";
import { NavBar } from "../../../src/components/nav-bar";
import { TaskFooter } from "../project-check-task/task-footer";
import { CheckStatusEnum } from "../../../src/interfaces";
import { RootStore } from "../../../src/store/root-store";

interface Index {
  props: {
    rootStore: RootStore;
  };
}

@inject("rootStore")
@observer
class Index extends Component {
  componentWillMount() {}

  componentDidMount() {}

  componentWillUnmount() {}

  componentDidShow() {}

  componentDidHide() {}

  render() {
    return (
      <View className="project-check-file">
        <NavBar
          className="nav-bar"
          left={undefined}
          center="确认日志"
          right={<img src={messageIcon} />}
          fixed
        ></NavBar>
        图片预览
        <TaskFooter
          onFail={console.log}
          onCheck={console.log}
          status={CheckStatusEnum.to_be_confirmed}
        />
      </View>
    );
  }
}

export default Index;
